@import '@/assets/scss/utils.scss';

.home-project,
.home-project-placeholder {
    display: inline-block;
    margin: 5px;
    width: 450px;
    border-radius: 3px;
    padding: 10px;
    background: #F5F6F7;
}

.home-project {
    @include boxShadow();
    color: black;
    height: 186px;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    background: white;
}

.home-project:hover {
    @include onBoxShadowHover();
}

.home-project-box {
    display: flex; 
    flex-direction: column; 
    height: 100%;
}

.home-project-name {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-weight: lighter; 
    text-overflow: ellipsis;
}

.home-project-summary {
    border-top: 1px solid #0000001e;
    border-bottom: 1px solid #0000001e;
    margin: 10px 0;
    padding: 10px 0;
    flex: 1;
}